<template>
  <div class="my-tag" >
    <slot />
  </div>
</template>
<style lang="scss" scoped>
.my-tag {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #16191d;
  padding: 6px 12px;
  /* 背景 白 */
  background: #ffffff;

  box-sizing: border-box;
  border-radius: 64px;
  white-space: nowrap;
  /* 外边框 */
  border: 1px solid #dbdee2;
  &.journal {
    background-color: #2a8bf2;
    border-color: #2a8bf2;
    color: white;
  }
  &.discipline {
    background: #fff6eb;
    border-color: #fff6eb;
  }


  &.keyword {
    background: #EAF4FD;
    border-color: #EAF4FD;
  }
}
</style>
